<template>
  <div class="navbar">
    <div class="formBox">
      <el-form
        ref="postForm"
        :model="postForm"
        label-position="right"
        class="form-container"
      >
        <el-form-item
          style="margin-bottom: 10px"
          label-width="60px"
          label="姓名:"
        >
          <el-input
            v-model="postForm.name"
            :rows="1"
            type="textarea"
            class="article-textarea"
            autosize
            placeholder="请输入姓名"
          />
        </el-form-item>

        <el-form-item
          style="margin-bottom: 10px"
          label-width="60px"
          label="用户名:"
        >
          <el-input
            v-model="postForm.email"
            :rows="1"
            type="textarea"
            class="article-textarea"
            autosize
            placeholder="请输入用户名"
          />
        </el-form-item>

        <el-form-item
          style="margin-bottom: 10px"
          label-width="60px"
          label="旧密码:"
        >
          <el-input
            v-model="postForm.oldPwd"
            :rows="1"
            type="textarea"
            class="article-textarea"
            autosize
            placeholder="请输入旧密码"
          />
        </el-form-item>
        <el-form-item
          style="margin-bottom: 10px"
          label-width="60px"
          label="新密码:"
        >
          <el-input
            v-model="postForm.pwd"
            :rows="1"
            type="textarea"
            class="article-textarea"
            autosize
            placeholder="请输入新密码"
          />
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
const defaultForm = {
  status: 'draft',
  name: '', // 姓名
  email: '', // 用户名
  oldPwd: '', // 旧密码
  pwd: '' // 新密码
}
export default {
  data() {
    return {
      postForm: Object.assign({}, defaultForm)
    }
  },
  methods: {}
}
</script>

<style>
.navbar {
  width: 100%;
  /* border: 1px solid red; */
}
.navbar .formBox {
  width: 40%;
  /* border: 1px solid red; */
  margin: 0 auto;
  padding-top: 5%;
}
</style>
